<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>index</title>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<!--<style>
		
			body{
				width: 1349px;
				margin: 0;
				background-color:white;
			} 
			.header-top{
				height: 38px;
				width: 1349;
				background-color: #573c27;
			}
			.header-bottom,.menu,.index-slider,.content-top,.content-middle,.container,.footer{
				margin: 0 auto;
			}
			.header-top-box{   
				height: 38px;
				width: 1140px;
				margin: 0 auto;
			}
			.heardr-top-left{
				width: 604px;
				height: 30px;
				float: left;
				margin-top: 4px;
				
			}
		
			.header-bottom{
				height: 143px;
				width: 1140px;
				background-color: white;
				
			}
			.header-bottom-box{
				width: 1140px;
				height: 47px;
				background-color: white;
				margin-top: 15px;;
			}
			.header-bottom-left-image {
				padding-left: 15px;
				float: left;
			}
			.header-bottom-left{
				width: 444px;
				background-color: white;
				float: left;
				
			}
			.header-bottom-left-clock{
				width: 111px;
				height: 30px;
				background-color: white;
				float: right;
				margin-right: 100px;
				margin-top: 5px;
			}
		
			.header-bottom-right{
				width: 666px;
				height: 47px;
				background-color:white;
				float: right;
				margin-right: 20px;
			}
			.menu{
				height: 42px;
				width: 1140px;
				background-color: white;
				
			}
			.index-slider{
				height: 308px;
				width: 1140px;
				background-color: white;
				
			
			}
			
			.content-top{
				height: 772;
				width: 1140px;
				background-color: white;
				
			}
			.content-middle{
				height: 548px;
				width: 1140px;
				background-color: white;
				
			}
			.container{
				height: 987px;
				width: 1140px;
				background-color: white;
				
			}
			.footer{
				height: 166px;
				width: 1349px;
				background-color:#573c27;
			}
			.header-top-box ul{
				float: right;
				list-style: none;
				margin: 0;	
			}
		    .header-top-box li{
				float: left;
				padding-left: 25px;
				padding-right: 15px;
				padding-top: 10px;	
			}
			.heardr-top-left span{
				display: inline-block;
				line-height: 30px;
				padding: 0 100px 0 35px;
				font-size: 12px;
				color:white;
			}
			.header-top-box a{
				font-size: 13px;
			    text-decoration: none;
			    color:white;
			}
			
			.clock-img{
				width: 30px;
				height: 30px;
				background-image: url(img/img-sprite.png);
				float: left;
			}
			.header-bottom-left-clock span{
				font-size: 13px;
				line-height: 35px;
				margin-left: 5px;
			}
			
			.search input[type="text"]{
				padding: 15px;
				width: 370px;
				color: #B6B2AE;
				border: 1px solid #f8d5d1;
				background: #fff;
				font-size: 13px;
				font-family: Raleway;
			}
			.search input[type="submit"]{
				width: 80px;
				height:46px;
				border: none;
			    background: url(img/search.png) no-repeat 24px 10px #e05b5b;
	            position: absolute;
 
			}
			
            .bag{
            	width: 150px;
            	height: 46px;
            	background-color: white;
            	float: right;
            	margin-top: -46px;
            	
            }
            .bag-left{
            	width: 74px;
                height: 46px;
                float: left;
                border-right: 1px solid #fff;
                margin: 0;
                position: absolute;
                background: url(img/img-sprite.png)no-repeat -32px 3px #e05b5b;
            }
            .bag-right{
            	width: 74px;
                height: 46px;
                float: right;
            	background:#e05b5b;
            }
            
			.bag-right span{
				margin: 0;
				color: white;
				line-height: 47px;
				margin-left: 10px;
			}
			.menu-box{
				width: 1170;
				height: 39px;
			    background-color: white;
			 
			    
			}
			.xian{
				 border-bottom: 3px solid #e05b5b;
			}
			.menu-box ul{
				list-style: none;
				margin: 0;
			}
			.menu-box li{ 
				float: left;
				margin-left: -25px;
				margin-right: 40px;
				font-size: 13px;
				line-height: 40px;
			}
			.s-li{
				height: 36px;
				width: 46px;
				background-color: #e05b5b;
				padding-left: 15px;
				color: white;
			}
			
			.grid-1{
				height: 164px;
				background-color: white;
			}
			.column-center{
				height: 93px;
				background-color: white;
				margin-top: 16px;
				margin-bottom: 32px;
				border-bottom: 3px dotted #ECECEC;
			}
			.sellers-grid{
				height: 52px;
				background-color: white;
			}
			.grid-2{
				height: 414px;
				background-color:white;
			}
			.tong1{
				width: 255px;
				height: 100px;
				float: left;
				margin-right: 40px;
				background-color: white;
				background: url(img/feature.jpg);
				margin-top: 32px;
			}
			.tong2{
				width: 255px;
				height: 100px;
				float: left;
			    margin-right: 40px;
				background-color: white;
				background: url(img/feature1.jpg);
				margin-top: 32px;
			}
			.tong3{
				width: 255px;
				height: 100px;
				float: left;
				margin-right: 40px;
				background-color: white;
				background: url(img/feature2.jpg);
				margin-top: 32px;
			}
			.tong4{
				width: 255px;
				height: 100px;
				float: right;
				background-color: white;
				background: url(img/feature3.jpg);
				margin-top: 32px;
			}
			.tong1-left{
				width: 80px;
				height: 94px;
				background:url(img/img-sprite.png)no-repeat -109px 6px;
				position: absolute;
				float: left;
			}
			.tong2-left{
				width: 80px;
				height: 94px;
				background:url(img/img-sprite.png)no-repeat -198px 9px;
				position: absolute;
				float: left;
			}
			.tong3-left{
				width: 80px;
				height: 94px;
				background:url(img/img-sprite.png)no-repeat -293px 12px;
				position: absolute;
				float: left;
			}
			.tong4-left{
				width: 80px;
				height: 94px;
				background:url(img/img-sprite.png)no-repeat -380px 12px;
				position: absolute;
				float: left;
			}
			.tong1-right p{
				width: 175px;
				height: 48px;
				color: white;
				float: right;
				margin-top: 25px;
			}
			.tong2-right p{
				width: 175px;
				height: 48px;
				color: white;
				float: right;
				margin-top: 25px;
			}
			.tong3-right p{
				width: 175px;
				height: 48px;
				color: white;
				float: right;
				margin-top: 25px;
			}
			.tong4-right p{
				width: 175px;
				height: 48px;
				color: white;
				float: right;
				margin-top: 25px;
			}
			h1,h2,h3,h4,h5,h6{
				margin: 0px;
			}
			.column-center h1{
				color: #583d28;
				font-family: Raleway;
				text-align: center;
				padding-top: 5px;;
			}
			.column-center h3{
				color: #583d28;
				font-family: Raleway;
				font-weight: lighter;
				text-align: center;
				padding-top: 15px;
			}
			.sellers{
				width: 1110px;
				height: 52px;
				background-color:#f6eddc;
				margin: 0 auto;
				
			}
			.sellers-left{
                height: 30px;
                width: 30px;
                background: url(img/img-sprite.png)no-repeat -456px -18px;
                float: left;
                margin: 10px;;
                
			}
			.sellers h1{
				float: right;
				margin-right: 855px;
				margin-top: 6px;
			}
			.footer-content{
				height: 102px;
				width: 1170px;
				
				float: left;
				margin-top: 32px;
				margin-left: 90px;
			}
			.footer-content img{
				margin-left: 435px;
			}
			.footer-content ul{
				list-style: none;
				margin-left: 320px;
				width: 100%;
				float: left;
				
			}
			.footer-content li{
				float: left;
	            margin-right: 30px;
				color: #886C58;
                font-size: 0.8125em;
                font-weight: 500;
			}
			.footer-content p{
				margin: 0px;
				width: 500px;
		        margin-top: -10px;
				margin-left:399px;
				color: #886C58;
                font-size: 0.8125em;
                font-weight: 500;
			}
			.special-a{
				  color: #ee4a02;
				  text-decoration: none;
			}
			.four{
				height: 334px;
				width: 251px;
				background-color: white;
		        float: left;
		        margin: 30px 15px 0 15px;
		         border: 1px solid #E7DFD1;
		         position: relative;
			}
			.sale-box-1{
                height: 40px;
                width: 59px;
                background: url(img/img-sprite.png)no-repeat -3px -109px;
                position: absolute;
                top: -1px;
                right: -1px;
            }
            .sale-box-2{
                height: 40px;
                width: 59px;
                background: url(img/img-sprite.png)no-repeat -3px -109px;
                position: absolute;
                top: -1px;
                right: -1px;
            }
            .sale-box-3{
                height: 40px;
                width: 59px;
                background: url(img/img-sprite.png)no-repeat -3px -109px;
                position: absolute;
                top: -1px;
                right: -1px;
            }
            .sale-box-4{
                height: 40px;
                width: 59px;
                background: url(img/img-sprite.png)no-repeat -3px -109px;
                position: absolute;
                top: -1px;
                right: -1px;
            }
            .desc{
            	height: 131px;
            	width: 251px;
            	background-color: white;
            	text-align: center;
            }
            .desc h3 {
                color: #000;
                font-size: 1.2em;
                font-weight: 500;
                padding-top: 15px;
                padding-bottom: 8px;
            }
            .desc h4 {
                 color: #1bccf7;
                 margin-bottom: 1.5em;
                 text-shadow: 1px 0px 0px #414141;
                 font-weight: 300;
                 font-size: 1.1em;
              }
              .list-1{
              	 list-style: none;
              	 height: 39px;
              	 background-color: white;
              	 margin: 0;
              	 margin-top: -40px;
              }
              .list-1-left a{
                  font-size: 0.8125em;
                  font-style: normal;
                  text-decoration: none;
                  color: #fff;
                  display: block;
                  margin-top: 13px;
                  margin-left: 40px;
              }
              .list-1-right a{
                  font-size: 0.8125em;
                  font-style: normal;
                  text-decoration: none;
                  color: #fff;
                  display: block;
                  margin-top: 13px;
                  margin-left: 37px;
              }
              .list-1-left{
              	margin: 0;
              	height: 39px;
              	width: 122px;
              	float: left;
              	background-color: lightcoral;
              	margin-left: -40px;
              	background: url(img/cart.png)no-repeat 5px 8px #91b677;
              }
              .list-1-right{
              	height: 39px;
              	width: 98px;
              	float: right;
              	background-color: lightcoral;
              	background: url(img/arrow.png)no-repeat 5px 8px #e05a5a;
              }
              .heart{
              	height: 30px;
                width: 32px;
              	background: url(img/img-sprite.png)no-repeat -91px -107px;
              	position: absolute;
              	bottom: 116px;
                right: 221px;
              }
              .xian-1{
              	  border-bottom: 1px solid #cac0ae;
              }
              .content-middle-content{
              	  height: 445px;
              	  width: 1140px;
              	  background-color: white;
              	  margin-top: 60px;
              	  float: left;
              	 
              }
              .xian-2{
              	  border-bottom: 7px solid #e8e3da;
              }
              .promote{
              	 height: 40px;
              	 width: 1140px;
              	 background-color: white;
              	 text-align: center;
               }
               .promote-icon{
               	 height: 30px;
              	 width: 30px;
              	 background-color:white;
              	 float: left;
              	 background:url(img/img-sprite.png)no-repeat -234px -150px;
                 margin-left: 450px;
               }
               .promote-head{
               	 height: 20px;
              	 width: 150px;
              	 background-color: white;
              	 float: left;
              	 padding-left: 10px;
              	 font-size: 26px;
               }
               .huadong{
               	  height: 357px;
               	  width: 1140px;
               	  background-color: white;
               	  float: left;
               	  margin-top: 48px;
               	  
               }
               .huadong-p1{
               	  height: 357px;
               	  width: 192px;
               	  float: left;
               	  background-color: lightgray;
               	  margin-left: 14px;
               	  margin-right: 22px;
               	  position: relative;
               }
               
               .huadong-shang{
               	  height: 40px;
               	  width: 59px;
               	  background: url(img/img-sprite.png)no-repeat -147px -159px;
               	  position: absolute;
               	  top: -1px;
               	  right: -1px;
               }
               .desc-huadong{
               	margin-top: -3px;
            	height: 88px;
            	width: 192px;
            	background-color: #F6EDDC;
            	text-align: center;
            }
              .desc-huadong h3 {
                color: #000;
                font-size: 1.2em;
                font-weight: 500;
                padding-top: 15px;
                padding-bottom: 8px;
            }
            .desc-huadong h4 {
                 color: #1bccf7;
                 margin-bottom: 1.5em;
                 text-shadow: 1px 0px 0px #414141;
                 font-weight: 300;
                 font-size: 1.1em;
              }
              .huadong-xia{
              	width: 192px;
              	height: 42px;
              	float: left;
              	margin-top: -1px;
              	background-color: lightcoral;
              	background: url(img/cart.png)no-repeat 5px 8px #91b677;
              }
               .huadong-xia a{
                  font-size: 19px;
                  font-style: normal;
                  text-decoration: none;
                  color: #fff;
                  display: block;
                  margin-top: 10px;
                  margin-left: 70px;
              }
              .container-shang{
              	height: 646px;
              	width: 1140px;
              	background-color:white;
              	float: left;
              	margin-top: 40px;
              
              }
              .container-xia{
              	height: 260px;
              	width: 1140px;
              	background-color: white;
              	float: left;
              	margin-top: 1px;
              }
              .container-xia-1{
              	height: 260px;
              	width: 255px;
              	float: left;
              	margin-right: 40px;
              	background-color:white;
              	
              }
              .container-xia-2{
              	height: 234px;
              	width: 255px;
              	float: left;
              	margin-right: 40px;
              	background-color: white;
              }
              .container-xia-3{
              	width: 255px;
              	height: 162px;
              	float: left;
              	margin-right: 40px;
              	background-color: white;
              }
              .container-xia-4{
              	width: 255px;
              	height: 158px;
              	float:right;
              	background-color: white;
              }
              .top{
              	width: 255px;
              	height: 50px;
              	background: #f6eddc;
              }
              .bottom-1 img{
              	margin-top: 32px;
              }
             .spinner{
             	float: left;
             	height: 30px;
             	width: 30px;
             	background:url(img/img-sprite.png)no-repeat -344px -103px ;
             	margin: 10px ;
             }
             .spinner-right h3{
             	float: left;
             	margin-top: 15px;
             	margin-left: 8px;
             	color: #8E7558;
                font-weight: 600;
             }
             .bottom-2 p{
             	  font-size: 0.8125em;
                  line-height: 1.5em;
                  color: #8E7558;
                  font-weight: 500;
             }
             .bottom-4 p{
             	  font-size: 0.8125em;
                  line-height: 1.5em;
                  color: #8E7558;
                  font-weight: 500;
             }
             .social{
             	list-style: none;
             	width: 150px;
             	height: 80px;
             }
             .q{
             	width: 35px;
             	height: 35px;
             	background: url(img/img-sprite.png)no-repeat -437px -102px;
             	float: left;
             	margin-right: 10px;
             	margin-left: -33px;
             }
             .w{
             	width: 35px;
             	height: 35px;
             	background: url(img/img-sprite.png)no-repeat -394px -145px;
             	float: left;
             	margin-right: 10px;
             }
             .e{
             	width: 35px;
             	height: 35px;
             	background: url(img/img-sprite.png)no-repeat -445px -145px;
             	float: left;
             	margin-right: 10px;
             }
             .r{
             	width: 35px;
             	height: 35px;
             	background: url(img/img-sprite.png)no-repeat -18px -222px;
             	float: left;
             	margin-right: 10px;
             }
             .t{
             	width: 35px;
             	height: 35px;
             	background: url(img/img-sprite.png)no-repeat -64px -222px;
             	float: left;
             	margin-left: -31px;
             	margin-top: 5px;
             }
             .xia-left{
             	height: 518px;
             	width: 350px;
             	background-color: white;
             	float: left;
             }
             .xia-right{
             	height: 550px;
             	width: 730px;
             	background-color: white;
             	float: right;
             }
             .left-top{
             	width: 350px;
             	height: 50px;
                background: #f6eddc;
                text-align: center;
             }
             .left-top-right{
             	width: 730px;
             	height: 50px;
                background: #f6eddc;
              
             }
             .left-top-h3 {
              width:30px ;
              height: 30px;
              position: absolute;
              background: url(img/img-sprite.png)no-repeat -288px -106px;
              float: left;
              margin: 10px;
             }
             .left-top h3{
             	float: left;
             	margin-left: 60px;
             	margin-top: 13px;
             }
             .left-top-right h3{
             	float: left;
             	margin-left: 60px;
             	margin-top: 13px;
             }
             .left-bottom{
             	width: 340px;
             	height: 440px;
             	float: left;
             	margin-top: 20px;
             	border: 5px solid #8cb273;;
             }
             .one{
             	height: 275px;
             	width: 345px;
                display: block;
                border-bottom: 3px solid #8cb273;
                background: url(img/thumb1.jpg)no-repeat;
             }
             .two{
             	height: 92px;
             	width: 340px;
             	
             }
             .three{
             	width: 345px;
             	height: 70px;
             	background-color: #8cb273;
             }
             .three-pic{
             	width: 60px;
             	height: 60px;
             	background: url(img/cart2.png)no-repeat 5px 9px;
             }
             .three h3{
               float:left;
               margin-left: 80px;
               margin-top: -45px;
             	color: white;
             	font-size: 30px;
                font-style: normal;
             }
             .two h3{
             	color: #000;
               font-size: 1.5em;
               font-weight: 500;
               float: left;
               margin-top: 15px;
               margin-left: 60px;
               
             }
             
             
             .right-bottom-1{
             	height: 85px;
             	width: 730px;
             	background-color: white;
             	  border-bottom: 3px dotted #E3E2E2;
             	  float: left;
             	  margin-top: 20px;
             	  margin-bottom: 10px;
             }
             .zuo{
             	height: 71px;
             	width: 71px;
             	float: left;
             }
             .zhong{
              height: 69px;
              width: 518px;
              background-color: white;
              margin-left: 90px;
             }
             .zhong a{
             	float: left;
             	margin-left: -40px;
             	color: #5C4A36;
             }
             .zhong p{
             	font-size: 0.85em;
                line-height: 1.5em;
                 color: #8E7558;
             }
             .you{
             	margin-top: -22px;
             	float: right;
             	width: 60px;
             	height: 26px;
             	background: url(img/arrow1.png)no-repeat 17px 5px #88ae6f ;
             }
             .price{
             	width: 340px;
             	height: 34px;
             	background-color: white;
             	float: left;
             	margin-top: 6px;
             	text-align: center;
             }
             .price-left{
             	text-decoration: line-through;
                margin-right: 3%;
                color: #000;
             }
             .price-right{
             	color: #ee4a02;
                font-size: 1.5em;
                margin-right: 5%;
                font-weight: 500;
             }
		</style>-->
	</head>
	<body>
		
		 <div class="header-top">
		  	<div class="header-top-box">
		  		<div class="heardr-top-left">
		  			<span>DOLLAR</span>
		  			<span>ENGLISH</span>
		  	    </div>
		  	    <ul>
		  	    		<li><a>Account</a></li>
		  	    		<li><a>Wishlist</a></li>
		  	    		<li><a>Log in</a></li>
		  	    		<li><a>Sign up</a></li>
		  	    </ul>
		  	</div>
		  </div>
		  
		  <div class="header-bottom">
		  &nbsp;
		  	<div class="header-bottom-box">
		  		<div class="header-bottom-left">
		  		 <div class="header-bottom-left-image">
		  			<img src="img/logo.png" />
		  		 </div>
		  		 <div class="header-bottom-left-clock">
		  		 	<div class="clock-img"></div>
		  			<span>Justo 24/h</span>
		  		 </div>
		  		</div>
		  		
		  		<div class="header-bottom-right">
		  		    <div class="search">
		  		    	<input type="text" value="Your email address">
		  		    	<input type="submit" value=" ">
		  		    </div>
		  		    <div class="bag">
		  		    	<a><div class="bag-left"></div></a>
		  		    	<a><div class="bag-right">
		  		    		<span>250.00$</span>
		  		    	</div></a>
		  		    </div>
		  		</div>
		  	</div>
		  </div>
		  
		 <div class="menu">
		  	<div class="menu-box">
		  		<ul>
		  			<li class="s-li"><a>HOME</li>
		  			<li><a>SPECIAL</li>
		  			<li><a>MEN FASHION</li>
		  			<li><a>ACCESSORIES</li>
		  			<li><a>WOMEN FASHION</li>
		  			<li><a>BLOG</li>
		  		</ul>
		  	</div>
		  </div>
		  <div class="xian"></div>
		  
		 
		  
		  <div class="index-slider">
		  	<img src="img/2.jpg" width="1140px">
		  </div>
		 
		  <div class="content-top">
		  	<div class="grid-1">
		  		<div class="tong1">
		  			<div class="tong1-left"></div>
		  			<div class="tong1-right">
		  				<p>Upto 5% Reward on your shipping</p>
		  			</div>
		  		</div>
		  		<div class="tong2">
		  			<div class="tong2-left"></div>
		  			<div class="tong2-right">
		  				<p>Easy Extended Returned</p>
		  			</div>
		  		</div>
		  		<div class="tong3">
		  			<div class="tong3-left"></div>
		  			<div class="tong3-right">
		  				<p>Free Shipping on order over 99 $</p>
		  			</div>
		  		</div>
		  		<div class="tong4">
		  			<div class="tong4-left"></div>
		  			<div class="tong4-right">
		  				<p>Delivery Schedule Spread Cheer Time</p>
		  			</div>
		  		</div>
	        </div>
	        
	       
		  	<div class="column-center">
		  		<h1>1 OF THE MOST BEAUTIFUL ONLINE STORE</h1>
		  		<h3>Clothes is one of the word'd leading E-commerce companies that designs and develops online stores</h3>
		  	</div>
		  	
		  	<div class="sellers-grid">
		  		<div class="sellers">
		  			<div class="sellers-left"></div>
		  			<h1>Best Sellers</h1>
		  		</div>
		  	</div>
		  	<div class="grid-2">
		  		<div class="four">
		  			<img src="img/p1.jpg" width="251px" height="201px">
		  			<div class="sale-box-1"></div>
		  			<div class="desc">
		  				<h3>Ullamcorper suscipit</h3>
		  				<h4>178,90 $</h4>
		  			</div>
		  			<ul class="list-1">
		  				<li class="list-1-left">
		  					<a>Add to cart</a>
		  				</li>
		  				<li class="list-1-right">
		  					<a>See More</a>
		  				</li>
		  			</ul>
		  			<div class="heart"></div>
		  		</div>
		  		<div class="four">
		  			<img src="img/p2.jpg" width="251px" height="201px">
		  			<div class="sale-box-2"></div>
		  			<div class="desc">
		  				<h3>Ullamcorper suscipit</h3>
		  				<h4>178,90 $</h4>
		  			</div>
		  			<ul class="list-1">
		  				<li class="list-1-left">
		  					<a>Add to cart</a>
		  				</li>
		  				<li class="list-1-right">
		  					<a>See More</a>
		  				</li>
		  			</ul>
		  			<div class="heart"></div>
		  		</div>
		  		<div class="four">
		  			<img src="img/p3.jpg" width="251px" height="201px">
		  			<div class="sale-box-3"></div>
		  			<div class="desc">
		  				<h3>Ullamcorper suscipit</h3>
		  				<h4>178,90 $</h4>
		  			</div>
		  			<ul class="list-1">
		  				<li class="list-1-left">
		  					<a>Add to cart</a>
		  				</li>
		  				<li class="list-1-right">
		  					<a>See More</a>
		  				</li>
		  			</ul>
		  			<div class="heart"></div>
		  		</div>
		  		<div class="four">
		  			<img src="img/p4.jpg" width="251px" height="201px">
		  			<div class="sale-box-4"></div>
		  			<div class="desc">
		  				<h3>Ullamcorper suscipit</h3>
		  				<h4>178,90 $</h4>
		  			</div>
		  			<ul class="list-1">
		  				<li class="list-1-left">
		  					<a>Add to cart</a>
		  				</li>
		  				<li class="list-1-right">
		  					<a>See More</a>
		  				</li>
		  			</ul>
		  			<div class="heart"></div>
		  		</div>
		  		
		  		
		  	</div>
		  </div>
		  
		  <div class="xian-1"></div>
		  <div class="content-middle">
		  	<div class="content-middle-content">
		  		<div class="promote">
		  			<div class="promote-icon"></div>
		  			<div class="promote-head">
		  				<h3>Promotion</h3>
		  			</div>
		  		</div>
		  		
		  		<div class="huadong">
		  			<div class="huadong-p1">
		  				<img src="img/n2.jpg" width="192px" height="228px">
		  				<div class="huadong-shang"></div>
		  				<div class="desc-huadong">
		  				   <h3>Uorper suit</h3>
		  				   <h4>178,90 $</h4>
		  			    </div>
		  			    <div class="huadong-xia">
		  			    	<a>Add to Cart</a>
		  			    </div>
		  			</div>
		  			<div class="huadong-p1">
		  				<img src="img/n3.jpg" width="192px" height="228px">
		  				<div class="huadong-shang"></div>
		  				<div class="desc-huadong">
		  				   <h3>Uorper suit</h3>
		  				   <h4>178,90 $</h4>
		  			    </div>
		  			    <div class="huadong-xia">
		  			    	<a>Add to Cart</a>
		  			    </div>
		  			</div>
		  			<div class="huadong-p1">
		  				<img src="img/n4.jpg" width="192px" height="228px">
		  				<div class="huadong-shang"></div>
		  				<div class="desc-huadong">
		  				   <h3>Uorper suit</h3>
		  				   <h4>178,90 $</h4>
		  			    </div>
		  			    <div class="huadong-xia">
		  			    	<a>Add to Cart</a>
		  			    </div>
		  			</div>
		  			<div class="huadong-p1">
		  				<img src="img/n5.jpg" width="192px" height="228px">
		  				<div class="huadong-shang"></div>
		  				<div class="desc-huadong">
		  				   <h3>Uorper suit</h3>
		  				   <h4>178,90 $</h4>
		  			    </div>
		  			    <div class="huadong-xia">
		  			    	<a>Add to Cart</a>
		  			    </div>
		  			</div>
		  			<div class="huadong-p1">
		  				<img src="img/n1.jpg" width="192px" height="228px">
		  				<div class="huadong-shang"></div>
		  				<div class="desc-huadong">
		  				   <h3>Uorper suit</h3>
		  				   <h4>178,90 $</h4>
		  			    </div>
		  			    <div class="huadong-xia">
		  			    	<a>Add to Cart</a>
		  			    </div>
		  			</div>
		  		</div>
		  	</div>
		  </div>
		  <div class="xian-2"></div>
		  
		  
		  
		  <div class="container">
		  	<div class="container-shang">
		  		<div class="xia-left">
		  			<div class="left-top">
		  				<div class="left-top-h3"></div>
		  				<h3>But I must explain</h3>
		  		   </div>
		  		   <div class="left-bottom">
		  		   	  <div class="one"></div>
		  		   	  <div class="two">
		  		   	  	<h3>Totam Rem Aperiam</h3>
		  		   	  	<div class="price">
		  		   	  		<span class="price-left">$140.00</span>
		  		   	  		<span class="price-right">$120.00</span>
		  		   	  	</div>
		  		   	  </div>
		  		   	  <div class="three">
		  		   	  	<div class="three-pic"></div>
		  		   	  	<h3>Buy this deal</h3>
		  		   	  	
		  		   	  </div>
		  		   </div>
		  		</div>
		  		
		  		<div class="xia-right">
		  			<div class="left-top-right">
		  				<div class="left-top-h3"></div>
		  				<h3>From the Blog</h3>
		  		   </div>
		  		   <div class="right-bottom">
		  		   	   <div class="right-bottom-1">
		  		   	   	  <div class="zuo">
		  		   	   	  	<img src="img/t4.jpg">
		  		   	   	  </div>
		  		   	   	  <div class="zhong">
		  		   	   	  	 <h4>Duis autem vel eum iriure dolor in hendrerit</h4>
		  		   	   	  	 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat</p>
		  		   	   	  </div>
		  		   	   	  <div class="you">
		  		   	   	  	
		  		   	   	  </div>
		  		   	   </div>
		  		   	   
		  		   	   <div class="right-bottom-1">
		  		   	   	  <div class="zuo">
		  		   	   	  	<img src="img/t5.jpg">
		  		   	   	  </div>
		  		   	   	  <div class="zhong">
		  		   	   	  	 <h4>Duis autem vel eum iriure dolor in hendrerit</h4>
		  		   	   	  	 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat</p>
		  		   	   	  </div>
		  		   	   	  <div class="you"></div>
		  		   	   </div>
		  		   	   
		  		   	   <div class="right-bottom-1">
		  		   	   	  <div class="zuo">
		  		   	   	  	<img src="img/t6.jpg">
		  		   	   	  </div>
		  		   	   	  <div class="zhong">
		  		   	   	  	 <h4>Duis autem vel eum iriure dolor in hendrerit</h4>
		  		   	   	  	 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat</p>
		  		   	   	  </div>
		  		   	   	  <div class="you"></div>
		  		   	   </div>
		  		   	   
		  		   	   <div class="right-bottom-1">
		  		   	   	  <div class="zuo">
		  		   	   	  	<img src="img/t7.jpg">
		  		   	   	  </div>
		  		   	   	  <div class="zhong">
		  		   	   	  	 <h4>Duis autem vel eum iriure dolor in hendrerit</h4>
		  		   	   	  	 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat</p>
		  		   	   	  </div>
		  		   	   	  <div class="you"></div>
		  		   	   </div>
		  		   </div>
		  		</div>
		  	</div>
		  	
		  	
		   <div class="container-xia">
		  		<div class="container-xia-1">
		  			<div class="top">
		  				<div class="spinner"></div>
		  				<div class="spinner-right">
		  					<h3>Mazim Pla</h3>
		  				</div>
		  			</div>
		  			<div class="bottom-1">
		  				<img src="img/t8.jpg" width="255px">
		  			</div>
		  		</div>
		  		<div class="container-xia-2">
		  			<div class="top">
		  				<div class="spinner"></div>
		  				<div class="spinner-right">
		  					<h3>Mazim Pla</h3>
		  				</div>
		  			</div>
		  			<div class="bottom-2">
		  				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat</p>
		  			</div>
		  		</div>
		  		<div class="container-xia-3">
		  			<div class="top">
		  				<div class="spinner"></div>
		  				<div class="spinner-right">
		  					<h3>Mazim Pla</h3>
		  				</div>
		  			</div>
		  			<div class="bottom-3">
		  				<ul class="social">
		  					<li class="q"></li>
		  				    <li class="w"></li>
		  				    <li class="e"></li>
		  				    <li class="r"> </li>
		  				    <li class="t"></li>
		  				    
		  				</ul>
		  			</div>
		  		</div>
		  		<div class="container-xia-4">
		  			<div class="top">
		  				<div class="spinner"></div>
		  				<div class="spinner-right">
		  					<h3>Mazim Pla</h3>
		  				</div>
		  			</div>
		  			<div class="bottom-4">
		  				<p>500 Lorem Ipsum Dolor Sit,
                            22-56-2-9 Sit Amet, Lorem,
                            Phone:(00) 222 666 444
                            info(at)gifty.com</p>
		  			</div>
		  		</div>
		  	</div>
		  </div>
		  
		  
		  
		  
		  
		  
		  
		  <div class="footer">
		  	<div class="footer-content">
		  		<img src="img/pay.png">
		  		<ul>
		  			<li>Home</li>
		  			<li>Blog</li>
		  			<li>Shop</li>		
		  			<li>Media</li>
		  			<li>Features</li>
		  			<li>About us</li>
		  			<li>Contact us</li>
		  		</ul>
		  		<p>Copyright © 2015.Company name All rights reserved.<a class="special-a">网页模板</a></p>
		  	</div>
		  </div>
		  
	</body>
</html>
